@charset "utf-8";


@import "reset";

//自定义计算函数
@function n($px){
    @return $px/2;
}

//宽百分比计算
$dw:640px;
@function dw($px){
    @return $px/$dw*100%;
}
//高百分比计算
$dh:1136px;
@function dh($px){
    @return $px/$dh*100%;
}

//rem适配
@function drem($px){
    @return $px/16;
}


//图片处理公共样式
@mixin imgoverflow{
    overflow: hidden;
    text-align: center;
}
img{
    width: 100%;
    vertical-align: middle;
}

body{
    width: 100%;
    height: 100%;
    .logo{
        width: dw(103px);
        @include imgoverflow;
        position: absolute;
        left: dw(45px);
        top: dh(44px);
    }
    /***云朵动画**/
    .cloudA{
       animation: cloudf 14s linear infinite;
    } 
    @keyframes cloudf{
       0%,80%,100%{
           transform: translateX(0) translateY(0);
       }
       40%,60%{
           transform: translateX(80%) translateY(-80px);
       }
   }
   .cloudB{
       animation: cloudt 14s linear infinite;
   }
   @keyframes cloudt{
       0%,80%,100%{
           transform: translateX(0);
       }
       40%,60%{
           transform: translateX(-80%);
       }
   }
   
    //脉冲动画
    @keyframes pulse{
        0% {
            transform: translateY(0px);
        }
        100% {
            transform: translateY(6px); 
        } 
    }
    @keyframes pulse2{
        0% {
            margin-top: 0px;
        }
        100% {
            margin-top: 4px;
        } 
    }
}

//.web{
//  padding-top:dh(44px) ;
//}




